<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="keywords" content="">
		<meta name="description" content="">
		<link href="css/bootstrap.min.css" rel="stylesheet" />
		<link href="js/bootstrap-table/bootstrap-table.min.css" rel="stylesheet" />
		<link href="css/new.css" rel="stylesheet" />

		<style type="text/css">
			.main{
				color: #333;
				padding: 30px;
			}
			.title{
				font-size: 26px;
				color: #0000FF;
			}
			#orderTable{
				font-size: 14px;
			}
		</style>
	</head>

	<body  class="gray-bg">

		<div class="order-main">
			<p class="title">今日订单</p>
			<table id="orderTable"></table>

		</div>



		<script src="js/jquery.min.js"></script>
		<script src="js/bootstrap.min.js"></script>
		<script src="js/bootstrap-table/bootstrap-table.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/bootstrap-table/locale/bootstrap-table-zh-CN.js" type="text/javascript" charset="utf-8"></script>
		
		<script>
			$('#orderTable').bootstrapTable({
				url: 'testdata.json',
				queryParams: "queryParams",
				striped: true, // 是否显示行间隔色
				//search : "true",
				uniqueId: "ID",
				pageSize: "10",
				pagination: true, // 是否分页
				sortable: true, // 是否启用排序
				columns: [{
						field: 'id',
						title: '序号'
					},
					{
						field: 'name',
						title: '作物名称'
					},
					{
						field: 'price',
						title: '作物品种'
					},
					{
						field: 'price',
						title: '录入时间'
					},
					{
						field: 'price',
						title: '需求日期'
					},
					{
						field: 'price',
						title: '出库类型'
					},
					{
						field: 'price',
						title: '需求数量（斤）'
					},
					{
						field: 'price',
						title: '状态'
					},
					{
						field: 'price',
						title: '分配情况'
					},
					

				]
			});
			
		</script>
	</body>

</html>
